<template>
	<div id="sort">
		<div id="nav">
			<ul>
				<li>><i class="el-icon-s-unfold"></i>全部分类</li>
				<li><i class="el-icon-goods"></i>为你推荐</li>
				<li><i class="el-icon-s-shop"></i>国际品牌</li>
				<li><i class="el-icon-collection"></i>天猫国际</li>
				<li><i class="el-icon-user-solid
"></i>女装</li>
				<li><i class="el-icon-user-solid
"></i>女鞋</li>
				<li><i class="el-icon-user-solid
"></i>男装</li>
				<li><i class="el-icon-male"></i>男鞋</li>
				<li><i class="el-icon-s-release"></i>内衣</li>
				<li><i class="el-icon-mobile-phone"></i>手机</li>
				<li><i class="el-icon-video-camera
"></i>数码</li>
				<li><i class="el-icon-s-platform"></i>家电</li>
				<li><i class="el-icon-scissors"></i>运动</li>
			</ul>
		</div>
		<div id="sp">
			<span>商品推荐</span>
			<hr style="border-bottom: #708090 2px;">
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
		<img src="../../assets/img/sort/3.jpg" >
		<img src="../../assets/img/sort/4.jpg" >
		<img src="../../assets/img/sort/5.jpg" >
		<img src="../../assets/img/sort/6.jpg" >
		<img src="../../assets/img/sort/1.jpg" >
		<img src="../../assets/img/sort/2.jpg" >
		<img src="../../assets/img/sort/7.jpg" >
		<img src="../../assets/img/sort/8.jpg" >
			
		<p style="height: 100px;text-align: center;">加载更多....</p>	
			
			
		</div>
		<back-top></back-top>
	</div>
</template>

<script>
	import BackTop from '../../components/conent/BackTop.vue'
	export default {
		name: "Sort",
		components:{
			BackTop
		}
	}
</script>

<style scoped>
	#sp{
		margin-left: 150px;
	}
	#sp img{
		width: 170px;
		height: 260px;
		padding-left: 15px;
		padding-top: 10px;
	}
	#nav ul li{
		list-style: none;
		padding-top: 22px;
		overflow: auto;
	}
	#nav{
		width: 150px;
		background-color: gainsboro;
		position:fixed;
		
	}
	#title{
		background-color: slategray;
		height: 50px;
		position:fixed;
	}
	h3{
		padding-top: 15px;
	}
</style>
